body {
	background: #c6b154
}
div.note{
	border: 1px solid black;
	max-width: 500px;
	min-height: 200px;
	position: relative;
	top: 0px;
	left: calc(50%-250px);
}
div.autor{
	background:#c8ac2d;
	border: 1px solid black;
	position: absolute;
	min-width:400px;
	min-height: 35px;
	top: 0px;
	left: 100px;
}
div.id{
	background:#c8ac2d;
	border: 1px solid black;
	position: absolute;
	min-width:100px;
	min-height: 35px;
	top: 0px;
	left: 0px;
}
div.text{
	background:#e6d37a;
	border: 1px solid black;
	position: absolute;
	min-width:500px;
	min-height: 130px;
	top: 35px;
	left: 0px;
}
div.note_val{
	background:#c8ac2d;
	border: 1px solid black;
	position: absolute;
	min-width:250px;
	min-height: 35px;
	top: 165px;
	left: 0px;
}
div.date{
	background:#c8ac2d;
	border: 1px solid black;
	position: absolute;
	min-width:250px;
	min-height: 35px;
	top: 165px;
	left: 250px;
}
div.mean{
	position: absolute;
	max-width: 150px;
	top: 110px;
	left: calc(50% - 75px);
}